<div class="panel panel-default">
	<div class="panel-heading"><strong>Registrar Partido</strong></div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-3">
				<form class="form-inline" role="form" id="form_insertar">
					<div id="respuesta"></div><br />
					<div class="form-group">
						<label for="nombre">Nombre Partido: </label><br />
						<input type="text" name="nombre" id="nombre" value=""  class="form-control" />
					</div>
					<br /><br />
					<div class="form-group">
						<label>
							<input type="submit" name="insetar" value="insertar" id="insertar" class="btn btn-primary" />
						</label>
					</div>
				</form>
			</div>
			<div class="col-md-9">
				<div class="panel panel-default">
					<div class="panel-heading"><strong>Partidos Registrados</strong></div>
					<div class="panel-body">
						<div id="partido">
							<table border="1"  id="informe" class="display">
								<thead>
									<tr>
									<?php
										foreach($par['indices'] as $key=>$val){ ?>
										<th><?php echo $val;?></th>
										<?php }
										unset($par['indices']) ?>
									</tr>
								</thead>
								<tbody>
								<?php
									
									foreach($par as $j=>$row){
										
										?><tr><?php
										foreach($row as $k=>$v){
									?>
										<td><?php echo $v;?></td>
										<?php } ?>
									</tr>
									<?php
									}
									
								?>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
$(document).ready( function () {
	$("#nombre").focus();
		$('#informe').dataTable( {
			"sDom": 'T<"clear">lfrtip',
			"oTableTools": {
				"sSwfPath": "<?php echo base_url();?>media/js/copy_csv_xls_pdf.swf"
			}
		} );
	} );

	
	$("#form_insertar").validate({
		rules: {
			nombre: {required:true}
		},
		messages:{
			nombre: {required: "Ingrese el Nombre del Partido"}
		}
		});
		
	$("#insertar").click(function(event){
		event.preventDefault();
		var form = $( "#form_insertar" );
		form.valid();
		var nombre=$("#nombre").val();
			if(nombre !=""){
				$.post("<?php echo $url1;?>",{nombre:nombre},function(res){
				if (res==0){
					$("#respuesta").html('<span style="color:red;">Partido ya Existe</span>');
				} else {
					$("#nombre").val("");
					$("#respuesta").html('<span style="color:green;">Partido Registrado con Exito</span>');
					sleep(300);
					location.reload(); 
				}
				});
			}else{
				$("#respuesta").html('');
			}
		
	});
	
	function sleep(milliseconds) {
	  var start = new Date().getTime();
	  for (var i = 0; i < 1e7; i++) {
		if ((new Date().getTime() - start) > milliseconds){
		  break;
		}
	  }
	}


</script>
